<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Profile Card</title>
		<!-- Font Awesome kit link -->
		<script src="https://kit.fontawesome.com/5f4c1bb038.js" crossorigin="anonymous"></script>
		<link rel="stylesheet" href="card.css">
	</head>

	<body>
		<div class="container">
			<div class="img-area">
				<div class="inner-area">
					<img src="https://cdn1.iconfinder.com/data/icons/facely-metapeople-3d-avatar-set/256/17._Designer.png"
						alt="person profile image">
				</div>
			</div>

			<div class="name">Anunay kashyap</div>
			<div class="about">Creator</div>
			<div class="social-icons">
				<a href="#" class="fb"><i class="fab fa-facebook-f"></i></a>
				<a href="#" class="twitter"><i class="fab fa-twitter"></i></a>
				<a href="#" class="insta"><i class="fab fa-instagram"></i></a>
				<a href="#" class="yt"><i class="fab fa-youtube"></i></a>
			</div>
			<div class="buttons">
				<button>Contact</button>
				<button>Register</button>
			</div>
			<div class="social-share">
				<div class="row">
					<i class="far fa-heart"></i>
					<span>1.2k</span>
				</div>

				<div class="row">
					<i class="far fa-comment"></i>
					<span>2.4k</span>
				</div>

				<div class="row">
					<i class="fas fa-share"></i>
					<span>1.2k</span>
				</div>
			</div>
		</div>
	</body>

</html>
</body>

</html>